具名插槽可以使用v-slot:first也可以写成#first
<template>
  <CateGory :title="title">
    <template #first>
      <ul>
        <li v-for="item in games" :key="item.id">{{ item.name }}</li>
      </ul>
    </template>
    <template #second>
      <div>文章底部</div>
    </template>
    <div>默认</div>
  </CateGory>
</template>

<script setup lang="ts" name="List">
import { reactive, ref } from 'vue'
import CateGory from './Category.vue'

const title = ref('文章列表')
const games = reactive([
  { id: 0, name: '文章1' },
  { id: 2, name: '文章2' },
  { id: 3, name: '文章3' },
])
</script>
